import { makeRequiredRule } from '../../../utils'

const label = ' 单行文本'
const name = 'input'
let i = 1
const uniqueId = () => `${name}${i++}`

const box = {
  label,
  //拖拽组件的 key
  name,
  //拖拽组件的生成规则
  rule() {
    //如果在 props 方法中需要修改 rule 的属性,需要提前在 rule 上定义对应的属性
    return {
      //生成组件的名称
      type: name,
      //field 自定不能重复,所以这里每次都会生成一个新的
      field: uniqueId(),
      title: label,
      props: {
        placeholder: '请输入'
      }
    }
  },
  //拖拽组件配置项(props)的生成规则
  props() {
    return [
      //生成`checkbox`组件的`options`配置规则
      {
        type: 'input',
        field: 'formCreateTitle',
        value: label,
        title: '字段名称'
      },
      {
        type: 'input',
        field: 'placeholder',
        title: '提示文字'
      },
      makeRequiredRule()
    ]
  }
}
export default box
